@charset "utf-8";
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0; font-family:"microsoft yahei","Arial","SimHei";}
body,html{ background:#fff; height:100%;}
ul,li,ol{ list-style:none}
img{ border:none;}
a{ text-decoration:none;}
.clear{ clear:both;}

/*头部*/
#toubu{width: 100%; height: 100px; position: fixed;top:0; left: 0; background: rgba(82,153,32,0.85);z-index: 999;}
#toubu .toubu_con{ width: 1400px; margin: 0 auto; height: 100px; }
.toubu_con .logo{ width: 158px; height: 53px; float: left; overflow: hidden; margin-top: 23px;}
.toubu_con .nav{width: 900px;height: 100px;float: left;margin-left: 254px;}
.toubu_con .yuyan{ width: 88px; height: 34px; float: right; overflow: hidden; margin-top: 33px;}
.yuyan li{ width: 34px; height: 34px; margin-left: 10px;float: left;}
.yuyan li a{ display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; background: #fff; border-radius:50px; font-size: 12px;background: #65ac34; color: #fff;}
.yuyan li a:hover{background: #fff; color: #65ac34;}

.menur {
    height: 100px;
	line-height:100px;
	float:left;
}
.nav li{ display:inline-block; *display:inline; zoom:1; width:auto; float:left; position:relative;z-index:9;  }
.nav li a{display:inline-block; *display:inline; zoom:1; text-align:center; margin:0 17px; line-height:100px; font-size:15px; color:#fff;}
.nav li.now,.nav li:hover{background: #4f971e;-moz-border-radius:4px;}

.nav li ul{ width:144px; position:absolute; left:0px;margin-left: -20px; display:none;border-top: 2px solid #fff;background-color: #fff;}
.nav li ul:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -8px;
	margin-left: -8px;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.nav li:hover ul li a{color: #626262;}
.nav li ul li{ width:144px; height:40px; line-height:40px; text-align:center; margin:0px; padding:0px;background-color: #fff; border-bottom: 1px solid #eee; }
.nav li ul li a{ display:block; width:144px; margin:0px; padding:0px; height:40px;  line-height:40px; text-align:center; font-size:13px;color: #626262;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;opacity: 0.9;}
.nav li ul li a:hover{ background:#65ac34;opa city: 0.8; color:#fff;}

/*海报*/
#banner{ width:100%; height:848px; overflow:hidden;}
#bannerbox{ width:100%; height:848px; z-index:-1;}
#full-screen-slider {width:100%;height:848px;float:left;position:relative;}
#slides {display:block;width:100%;height:848px;list-style:none;padding:0;margin:0;position:relative}
#slides li {display:block;width:100%;height:100%;list-style:none;padding:0;margin:0;position:absolute}
#slides li a {display:block;width:100%;height:100%;text-indent:-9999px}
#pagination {display:block;list-style:none;position:absolute;left:30%;top:800px;z-index:9900;padding:5px 15px 5px 0;margin:0}
#pagination li {display:block;list-style:none;width:15px;height:15px;border-radius:50px;float:left;margin-left:15px;background:#FFF}
#pagination li a {display:block;width:100%;height:100%;padding:0;margin:0;text-indent:-9999px;}
#pagination li.current {background:#65ac34;}
/*第一部分*/
#one{width: 1400px; margin:70px auto; height:342px; overflow: hidden;}
#one .one_left{ width: 880px; height: 342px; float: left;}
.one_left .one_btn{width: 880px;height: 30px;margin-bottom: 66px;}
.one_btn h2{ height: 30px; line-height: 30px; font-size: 30px; float: left; color: #65ac34; margin-right: 10px;}
.one_btn p{ height: 20px; line-height: 20px; margin-top: 10px;font-size:18px; color: #666666; float: left;}
.one_list{width: 880px; height:246px; overflow: hidden; }
.one_list li{ width: 284px; height:244px; float: left; margin-right: 9px; }
.one_list li .one_img{width: 282px; height: 204px; border: 1px solid #ccc; transition:all 0.5s; overflow:hidden;}
.one_list li .one_wz{width: 284px; height: 40px; line-height: 40px; font-size: 14px; color: #666; text-align: center;transition:all 0.5s;}

.nrimg {
    width: 282px;
    height: 204px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
	overflow:hidden;
}
.one_img .nrimg img{transition: all 0.3s; }
.one_img .nrimg img:hover  {transform: scale(1.12);transition: all 0.9s linear 0s;}
.one_list li:hover .one_img{border: 1px solid #65ac34;}
.one_list li:hover .one_wz{background: #65ac34; color: #fff;}
/*天哥：第一个视频处*/
#one .one_right{ width: 507px; height: 342px; float:right;}
/*天哥：第一个视频处结束*/
/*第二部分*/
#two{ width: 100%; height: 708px; background: #e8e8e8; padding-top: 50px; margin-bottom: 70px;}
#two .two_con{ width: 1400px; height: auto; overflow: hidden; margin: 0 auto;}
.two_con .two_left{ width: 945px; float: left; overflow: hidden;}
.two_left .two_btn{ width: 945px; text-align: center; margin-top: 50px; margin-bottom: 70px;}
.two_btn .two1{ height: 40px; line-height: 40px; font-size: 36px; color: #333; font-weight:bold;}
.two_btn .two2{  width: 412px; height: 16px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px;}
.two_btn .two3{ height: 40px; line-height: 40px; font-size:16px; color: #666; }
/*天哥：第二个视频处*/
.two_con .two_right{ width: 412px;  height: 441px; float:right; overflow: hidden; margin-top: 160px;}
/*天哥：第二个视频处*/
/*第三部分*/
#three{ width: 1400px; height: auto; overflow: hidden;margin: 0 auto; margin-bottom: 70px; }
#three .three_btn{ width: 1400px; height: 30px; line-height: 30px; font-size: 30px; color: #65ac34;font-weight:bold; overflow: hidden; margin-bottom: 60px;}
#three .three_list{ width: 1400px; overflow: hidden; height: auto;}
.three_list li{ width: 140px; height: 180px; float: left; overflow: hidden; margin: 0 7px;}
.three_list li .three_img{ width: 140px; height: 140px; overflow: hidden;}
.three_list li .three_wenzi{ width: 140px; height: 40px; line-height: 40px; font-size:15px; color: #666; text-align: center;}
.three_list li:hover .three_wenzi{color: #65ac34; }

.three_list li .three_img img{
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}
.three_list li .three_img img:hover{
	-webkit-transform:rotate(360deg) scale(1); 
	-moz-transform:rotate(360deg) scale(1);
	-ms-transform:rotate(360deg) scale(1);
	-o-transform:rotate(360deg) scale(1);
}
/*第四部分*/
#four{ width: 1400px; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 70px;}
#four .four_left{ width: 240px; float: left; overflow: hidden;}
.four_left .four_btn1{ width: 240px; height: 75px; background: #65ac34; line-height: 75px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; overflow: hidden;}
.four_left .four_list1{width: 238px;padding-top: 20px;height:590px;background: #f8f8f8;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.four_list1 li{width:214px;height: 36px;margin-bottom:25px;padding: 0 12px;}
.four_list1 li a{ width:214px; display: block; height: 36px; line-height: 36px; border-radius:50px; text-align:left; text-indent:35px; font-size: 15px; color: #666; background: #eeeeee;} 
.four_list1 li a:hover{background: #65ac34; color: #fff;}
#four .four_right{ width:1140px; height: auto; float: right; overflow: hidden;}
.four_right .four_top{ width: 1140px; height: 139px; overflow: hidden;}
.four_top .top_left{ width: 891px; height:97px; background: #f3f1f2; float: left; padding: 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-top:1px solid #ccc;}
.top_left p{ width: 891px; height:25px; line-height:25px; font-size:15px; color: #666;}
.top_left p a{ color: #666; margin-right: 15px;}
.top_left p a:hover{ color: #65ac34;}

.top_left .ss{width: 360px;height:35px;overflow: hidden;margin-top:12px;}
.top_left .ss form {position: relative;width: 260px;}
.d1 input {width:218px;height: 31px;padding-left: 10px;border: 1px solid #ccc;border-radius: 5px;outline: none;background: #fff;color: #ccc;font-size: 14px;}
.d1 button {position: absolute;top: 0;right: 0px; width: 35px;height: 35px;border: none; background: #65ac34;border-radius: 0 5px 5px 0;cursor: pointer;}
.d1 button:before {content: "\f002"; font-family: FontAwesome;font-size: 14px; color: #fff;}
.four_top .top_right{ width:188px; height:59px; float: right;background: #65ac34; text-align:left; padding: 40px 10px 40px 10px;}
.top_right p{ width:188px; height: 20px; line-height: 20px; color: #fff;font-size:15px;  }
.top_right h2{ width: 188px; height: 30px; line-height: 30px; color: #fff;font-size:23px; margin-top: 10px; }
.four_list2{width:1140px; height:auto; overflow: hidden; margin-top: 30px; }
.four_list2 li{ width: 284px; height:244px; float: left; margin-right:1px; margin-bottom: 30px;}
.four_list2 li .one_img{width: 282px; height: 204px; border: 1px solid #ccc; transition:all 0.5s;}
.four_list2 li .one_wz{width: 284px; height: 40px; line-height: 40px; font-size: 14px; color: #666; text-align: center;transition:all 0.5s;}
.four_list2 li:hover .one_img{border: 1px solid #65ac34;}
.four_list2 li:hover .one_wz{background: #65ac34; color: #fff;}
/*第五部分*/
#five{ width: 100%; height: 2307px; background:url("../images/ys_bg.jpg") no-repeat center top;}
#five .five1{ width: 100%; height: 242px; text-align: center; overflow: hidden;}
.five2{ width:1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 30px;}
.five2 .five2_img{width:543px;padding-right: 57px;height: 314px;float: left;}
.five2 .five2_con{width: 550px;padding-left: 50px;height: auto;float: right; padding-bottom:40px; border-bottom:1px solid #ccc;}
.five2_con h2{width: 550px;height: 45px; line-height: 45px; font-size:25px; color: #65ac34; font-weight: bold; margin-top: 15px;}
.five2_con p{width: 550px;height: 45px; font-size:15px; color: #333; overflow: hidden; }
.five2_con .five_neirong{width: 550px;height:185px;font-size:14px; color: #666; overflow: hidden; line-height: 1.8em; height:190px; overflow: hidden; }

.five3{ width:1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 30px;}
.five3 .five3_con{width: 550px;padding-right: 50px;height: auto;float:left; padding-bottom:40px; border-bottom:1px solid #ccc;}
.five3_con h2{width: 550px;height: 45px; line-height: 45px; font-size:25px; color: #65ac34; text-align: right; font-weight: bold; margin-top: 15px;}
.five3_con p{width: 550px;height: 45px; font-size:15px; color: #333; overflow: hidden;text-align: right;  }
.five3_con .five_neirong{width: 550px;height:185px;font-size:14px; color: #666; overflow: hidden; line-height: 1.8em; height: 190px; overflow: hidden; }
.five3 .five3_img{width:543px;padding-left: 57px;height: 314px;float:right;}

.five4{ width:1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 80px;}
.five4 .five4_img{width:543px;padding-right: 57px;height: 314px;float: left;}
.five4 .five4_con{width: 550px;padding-left: 50px;height: auto;float: right; padding-bottom:40px; border-bottom:1px solid #ccc;}
.five4_con h2{width: 550px;height: 45px; line-height: 45px; font-size:25px; color: #65ac34; font-weight: bold; margin-top: 15px;}
.five4_con p{width: 550px;height: 45px; font-size:15px; color: #333; overflow: hidden; }
.five4_con .five_neirong{width: 550px;height:185px;font-size:14px; color: #666; overflow: hidden; line-height: 1.8em;height: 190px; overflow: hidden; }

.five5{ width: 393px; height: 77px; background: url("../images/btn_bg05.png") no-repeat center top; margin: 0 auto; margin-top:158px;}
.five5 a{ display: block; line-height: 77px; text-align: center;font-size:35px; color: #fff;}
.liucheng{ width: 1352px; height: 499px; margin: 0 auto; margin-top: 80px; position: relative;}
.liucheng .zixun{ width: 156px; height: 45px;background: #65ac34; color: #fff; line-height: 45px; font-size: 15px; text-align: center; border-radius:50px; display: block; position: absolute; top:374px; right:166px;}
.liucheng .zixun:hover{background: #fff; color: #65ac34;}
/*第六部分*/
#six{ width: 100%; height: 190px; background: url("../images/gg_bg.jpg") no-repeat center top; }
#six .six_con{width: 1400px; height: auto; overflow: hidden; margin: 0 auto;}
.six_con .six_left{ width:700px; padding-left: 100px; float: left; overflow: hidden; font-size: 30px; color: #fff; height:90px; line-height:1.5em; margin-top: 40px;}
.six_con .six_right{ width: 500px; float: right; overflow: hidden;}
.six_right .six1{ width: 120px; height: 40px; float: left; line-height: 40px; color: #65ac34; font-size: 15px; text-align: center; background: #fff; border-radius: 50px; margin-top: 75px; overflow: hidden; }
.six_right .six2{ width: 370px; height: 40px; float: left; line-height: 40px; color: #fff;  margin-top: 75px; font-size:36px; font-weight: bold; margin-left: 10px; overflow: hidden;}
/*第七部分*/
.seven_btn{ width: 1400px; text-align: center; margin-bottom:50px;}
.seven_btn .seven1{ height: 40px; line-height: 40px; font-size: 36px; color: #333; font-weight:bold;}
.seven_btn .seven2{  width: 412px; height: 16px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px;}
.seven_btn .seven3{ height: 40px; line-height: 40px; font-size:16px; color: #666; }
/*第八部分*/
#eight{ width: 100%; height: 600px; overflow: hidden; background: #65ac34; margin-bottom: 70px; padding-top: 50px;}
#eight .eight_con{width: 1400px; height: auto; overflow: hidden; margin: 0 auto; }
.eight_btn{width: 1400px;text-align: center;margin-bottom: 40px;}
.eight_btn .eight1{ height: 40px; line-height: 40px; font-size: 36px; color: #fff; font-weight:bold;}
.eight_btn .eight2{  width: 412px; height: 16px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px;}
.eight_btn .eight3{ height: 40px; line-height: 40px; font-size:16px; color: #fff; }
.seven_xia,.eight_xia{ width: 1400px; height: auto; overflow: hidden;}
/* carousel */
.carousel{margin:0px auto;width: 1000px;height:400px;overflow:hidden;position:relative;}
.carousel .slides{margin: 0 auto;overflow:hidden;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100% !important;height:380px !important;display:block;position:absolute;}
.prevButton{background:url("../images/icon-left1.png") no-repeat 0px 0px;top: 171px;width:60px;height:60px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("../images/icon-right1.png") no-repeat 0px 0px;top: 171px;width:60px;height:60px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{left:0;}
.nextButton{right:0;}
.slides div{ box-shadow:4px 4px 7px #666666;}


/*第九部分*/
#seven,#nine{width: 1400px; height: auto; overflow: hidden; margin: 0 auto; margin-top:70px; margin-bottom: 70px;}
#nine .nine_con{width: 1400px; height: auto; overflow: hidden; margin: 0 auto;}
/*天哥：第三个视频处*/
.nine_con .nine_left{ width: 779px; height: 419px; overflow: hidden; float: left;}
/*天哥：第三个视频处结束*/
.nine_con .nine_right{ width:551px; padding: 35px; height:349px; overflow: hidden; float: right; background: #f7f7f7;}
.nine_right h2{ width: 551px; height: 40px; line-height: 40px; color: #363636; font-size: 30px; overflow: hidden;}
.nine_right p{ width: 551px; height:200px; line-height: 1.8em; color: #666; font-size:15px; overflow: hidden; margin-top:40px;}
.nine_right .nine_more a{ width: 130px; height:40px;background: #65ac34; color: #fff; line-height: 40px; font-size: 14px; text-align: center; border-radius:50px; display: block; float: right; margin-top: 20px; }
.nine_more:hover a{background: #fff; color: #65ac34;}
/*第十部分*/
#ten .ten_btn{ width: 620px; height: 40px; font-weight: bold; line-height: 40px; color: #363636; font-size: 26px; overflow: hidden; margin-bottom: 30px;}
#ten{width: 1400px; height: auto; overflow: hidden; margin: 0 auto; margin-top:70px; margin-bottom: 70px;}
#ten .ten_left{ width: 700px; float: left;}
.ten_left p{width:700px; height:50px; font-size: 15px; color: #666; line-height: 1.8em; margin-bottom: 30px;}
.ten_list1{ width: 700px;}
.ten_list1 li{ width: 700px; height:40px;}
.ten_list1 li a{ line-height:40px; display: block; background: url("../images/xiaobiao.png") no-repeat center left; text-indent:25px; font-size: 15px; color: #666;}
.ten_list1 li a:hover{color: #65ac34;}
#ten .ten_right{ width: 620px; float: right;}

/*底部*/
#foot{ width: 100%; ; background:#262626; margin-top:80px;}
#foot #foot_top{width:1400px;height: 330px;margin:0 auto;overflow:hidden;position:relative;}
.foot_list li{float:left;padding: 45px 45px 0 45px;}
.foot_list li h2{color:#fff;font-size:16px;font-weight:normal;margin-bottom: 15px;height:20px;line-height:20px;}
.foot_list li .foot_nav li{ padding:0; background:none; clear:both;font-size:14px; color:#ababab;height:25px; line-height:25px;overflow:hidden;}
.foot_list li .foot_nav li a{font-size:14px; color:#ababab; height:25px; line-height:25px;overflow:hidden;}
.foot_list li .foot_nav li a:hover{ color:#fff;}
#foot #foot_top p{position:absolute;top: 200px;right: 55px;width: 126px;height:20px;color:#ababab;font-size:14px;line-height:20px;}
#foot #foot_xia{width: 1400px;height: 73px;margin:0 auto;overflow:hidden;line-height:73px;font-size:14px;color:#ababab; border-top:1px solid #434343; text-align:center;}
#foot #foot_xia a{font-size:14px; color:#ababab;}
#foot #foot_xia a:hover{color:#fff;}

.pb-style-three.dt-style .vc_label, .pb-style-two.dt-style .vc_label {
    display: block;
    margin-bottom: 8px;
}

.pb-style-two .vc_label, .pb-style-three .vc_label {
    color: #333333;
    font-size: 13px;
    line-height: 23px;
}

.accent-bg:not([class*='vc_progress-bar-color']) .vc_bar {
    color: #fff;
    background-color: #1aad19;
}

#page {
    background: #ffffff none repeat center top;
    background-size: auto;
overflow: hidden;
}
.dt-style.wpb_content_element {
    margin-bottom: 0!important;
}
.pb-style-three.dt-style .vc_label, .pb-style-two.dt-style .vc_label {
    display: block;
    margin-bottom: 8px;
}
.pb-style-two .vc_label, .pb-style-three .vc_label {
    color: #333333;
    font-size: 13px;
    line-height: 23px;
}
.dt-style.vc_progress_bar.transparent-bg .vc_single_bar {
    background-color: rgba(0,0,0,0.1);
}
.dt-style.vc_progress_bar.pb-style-three .vc_single_bar {
    height: 7px;
    margin-bottom: 15px;
	
}
.vc_progress_bar.dt-style .vc_single_bar {
    height: 30px;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.vc_progress_bar .vc_single_bar {
    background: #f7f7f7;
    position: relative;
    margin-bottom: 11.66666667px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.vc_progress_bar .vc_single_bar .vc_bar.animated {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.vc_progress_bar .vc_single_bar .vc_bar.striped {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}
.vc_progress_bar .vc_single_bar .vc_bar {
    display: block;
    position: absolute;
    height: 100%;
    background-color: #e0e0e0;
    width: 0%;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: width 1s linear;
    -moz-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
}
#page .accent-bg:not([class*='vc_progress-bar-color']) .vc_bar {
animation:load 3s ease-in;
    color: #fff;
    background-color: #1aad19;
}
@keyframes load{
           0%{
               width: 0%;
           }
		     100%{
               width:100%;
           }
           
       }



.jmzc dl{float:left;width:320px;height:400px; margin-left:40px;overflow:hidden;}
.jmzc dt{background:#87CEFA;width:280px;height:320px;margin-bottom:20px;text-align:center;overflow:hidden;}
.jmzc h3{background:#fff;border-radius:50%; width: 130px;height: 90px;margin: 35px auto 0;font-weight:normal;padding-top:40px;}

.chanpin_sp .video {
	position: relative;
	width: 100% !important;
	height: 342px !important;
}

.chanpin_sp .video em {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../images/bofang.png);
	background-position: center center;
	background-repeat: no-repeat;
   -webkit-transform: translate(-50%, -50%);
	    -khml-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	cursor: pointer;
	width:77px;
	height:77px;

	
}


.chanpin_sp .video {
	position: relative;
}


.chanpin_sp .video em::before {
position: absolute;
		content: "";
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		border-radius: 50%;
		z-index: -1;
		-o-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		-ms-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		-webkit-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}


.two_right .video2 {
	position: relative;
	width: 100% !important;
	height:441px !important;
}

.two_right .video2 em {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../images/bofang.png);
	background-position: center center;
	background-repeat: no-repeat;
   -webkit-transform: translate(-50%, -50%);
	    -khml-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	cursor: pointer;
	width:77px;
	height:77px;

	
}


.two_right .video2 {
	position: relative;
}


.two_right .video2 em::before {
position: absolute;
		content: "";
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		border-radius: 50%;
		z-index: -1;
		-o-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		-ms-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		-webkit-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}


.nine_left .video3 {
	position: relative;
	width: 100% !important;
	height:419px !important;
}

.nine_left .video3 em {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../images/bofang.png);
	background-position: center center;
	background-repeat: no-repeat;
   -webkit-transform: translate(-50%, -50%);
	    -khml-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	cursor: pointer;
	width:77px;
	height:77px;

	
}


.nine_left .video3 {
	position: relative;
}


.nine_left .video3 em::before {
position: absolute;
		content: "";
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		border-radius: 50%;
		z-index: -1;
		-o-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		-ms-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		-webkit-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}
.ovh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}






































































